<template>
  <div>
      <input type="text" v-model="todoText" @keyup.enter="addTodo">
      <button @click="addTodo">添加</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      todoText: ''
    }
  },
  methods: {
    addTodo () {
      this.$emit('add-todo', { title: this.todoText })
      this.todoText = ''
    }
  }
}
</script>

<style>

</style>
